<script setup lang="ts">
import { onMounted, onUnmounted } from 'vue'
import IndexPage from './pages/index/index.vue'

onMounted(() => {
  console.log('App Mounted')
})

onUnmounted(() => {
  console.log('App Unmounted')
})
</script>

<template>
  <div id="app">
    <IndexPage />
  </div>
</template>

<style lang="scss">
/*每个页面公共css */
@import './src/styles/common.scss';

/* uni-app 全局样式重置 */
page {
  background-color: #f8f9fa;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* 全局按钮样式重置 */
button {
  border: none;
  outline: none;
  
  &::after {
    border: none;
  }
}

/* 全局输入框样式 */
input, textarea {
  outline: none;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
</style>